<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="maximum-scale=1,minimum-scale=1,user-scalable=0,width=device-width,initial-scale=1"><meta name="format-detection" content="telephone=no,email=no,date=no,address=no"><link rel="stylesheet" href="../../../global/css/aui.css"><link rel="stylesheet" href="../../../global/css/iconfont/iconfont.css"><link rel="stylesheet" href="../../../global/css/my-css.css"><link rel="stylesheet" href="../../../global/mixed/myPlayer/style.css"><link rel="stylesheet" href="../../../global/mixed/focusPanel/style.css"><link rel="stylesheet" href="./frm.css"><style>body,
        html {
            width: 100%;
            height: 100%;
        }
        /* 私信按钮动画 */
        .private-letter{
            position: fixed;bottom: 100px;right: 20px;border-radius: 30px;z-index:999;
            width: 4rem;
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;

            background: -webkit-linear-gradient(to right,#05E0C8 , #02BE97);
            background: -o-linear-gradient(to right,#05E0C8 , #02BE97);
            background: -moz-linear-gradient(to right,#05E0C8 , #02BE97);
            background: linear-gradient(to right,#05E0C8 , #02BE97);

            animation: bounce 0.5s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);

        }
        @keyframes bounce {
            0% {
                transform: translate3d(0, 0, 0);
                -webkit-transform:  translate3d(0, 0, 0);
            }
            100% {
                transform: translate3d(0, -20px, 0);
                -webkit-transform: translate3d(0, -20px, 0);
            }
        }</style></head><body><div id="main" style="height: 100%;background: #fff;"><section class="aui-content"><div class="profile-frame"><div id="profile"></div></div><div id="centerContainer" v-cloak></div></section></div><div tapmode onclick="onChat(this);" id="private-letter" class="private-letter flex j-center c-f s-14"><span class="iconfont icondazhaohu s-16 c-f"></span> <span class="m-l5">打招呼</span></div></body><script id="tpl-profile" type="text/x-dot-template"><div class="profile relative">
		<img class="mask-bg" style="vertical-align:middle" src="../../../global/image/personalbg{{=it.space.gender||0}}.png" data-type="avatar"  />
		<div class="cont-fg">
			<div class="row1 flex" >
				<!-- 这里 it.member_avatar 的是当前登录用户的avatar url，不能用 -->
				<div class="relative flex-shrink">
					<img onclick="viewAvatar(this);" class="avatar aui-img-round avatar-border img-d8 {{ if(it.space.ismember==1){}} vip {{ } else { }}  {{}}}" src="{{=avatarUrlById(it.space.uid)}}" data-uid="{{=it.space.uid}}" data-type="avatar" />
					{{? it.space.ismember==1}}
						<img class="vip-img" src="../../../global/image/icon/icon-vip.png">
					{{?}}
				</div>
				<div class="right-part">
					<div class="nick-and-level">
						<span class="nick">{{=decodeEmoji(it.space.username)}}</span>
                        {{? it.space.gender && it.space.gender != 0}}
                            <img class="auix-gender" style="width:0.7rem;height:0.7rem;" src="../../../global/image/gender{{=it.space.gender}}.png" >
                        {{?}}
						<span class="level">{{=app.userLV.getHtml(it.space.levelscore,it.space.ismaster, it.space.ismoderator, it.space.ispartner, it.space.ismember)}}</span>
					</div>
					{{? it.space.position}}
						<p class="words">
							{{? it.space.position.location}}
								<span class="iconfont icondingwei s-10 c-f m-r5"></span>
								{{=it.space.position.location}}
							{{?}}
                            {{? it.space.position.distance}}
								<span class="m-r5">·</span>
							{{?}}
							{{=it.space.position.distance||''}}
						</p>
					{{?}}
					<p tapmode onclick="showWhole()" id="words" class="words aui-ellipsis-2">
						简介:{{=decodeEmoji(it.space.sightml) || '这家伙很懒，什么也没留下'}}
					</p>
				</div>
			</div>

			<div class="flex between align-center c-f">
				<div class="flex t-c">
					<div tapmode onclick="ucenterOpenFollow(this,'ucenter','other-focus');" data-uid="{{=it.space.uid}}" class="p-r10">
						<div>{{=it.space.fans_relation.attention_num}}</div>
						<div class="s-14">关注</div>
					</div>
					<div tapmode onclick="ucenterOpenFollow(this,'ucenter','other-fans');" data-uid="{{=it.space.uid}}" class="p-l10">
						<div id="fans_num">{{=it.space.fans_relation.fans_num}}</div>
						<div class="s-14">粉丝</div>
					</div>
				</div>
				<div class="flex s-12">
					{{? it.space.uid != app.auth.getMyId() }}
						<div tapmode onclick="wfocusPersonOption(this);" data-recommend_source="" data-attention-state="{{=it.space.attention_state}}" data-uid="{{=it.space.uid}}" class="m-l10">
							{{? it.space.attention_state==0 || it.space.attention_state==3}}
								<button class="no-btn w-144 h-32 l-h30 t-c r4" style="border:1px solid #02BE97;background:#02BE97;">关注</button>
							{{?? it.space.attention_state==1}}
								<button class="no-btn w-144 h-32 l-h30 t-c r4" style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.61);">已关注</button>
							{{?? it.space.attention_state==2}}
								<button class="no-btn w-144 h-32 l-h30 t-c r4" style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.61);l">相互关注</button>
							{{?}}
						</div>

						<div class="m-l10">
							<button tapmode onclick="toggleFocusPanel(this);" class="no-btn w-32 h-30 l-h28 t-c r4 flex j-center" style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.61);">
								<img class="w-12 tui-img" src="../../../global/image/icon/icon-up.png">
							</button>
						</div>
					{{?}}
				</div>
			</div>
			<div id="tui-trangle" class="trangle aui-hide"></div>
		</div>
	</div></script><script id="tpl-attention" type="text/x-dot-template"></script><script src="../../../config.js"></script><script src="../../../global/script/lib/api.js"></script><script src="../../../global/script/lib/aui-tab.js"></script><script src="../../../global/script/lib/aui-toast.js"></script><script src="../../../global/script/lib/vue.min.js"></script><script src="../../../global/script/lib/doT.min.js"></script><script src="../../../global/script/lib/aui-lazyload.js"></script><script src="../../../global/script/libx/myChatBox.js"></script><script src="../../../global/script/libx/auix-solo.js"></script><script src="../../../global/mixed/myPlayer/script.js"></script><script src="../../../global/mixed/focusPanel/script.js"></script><script src="../../../global/script/mylib.js"></script><script src="../../../global/script/gVueMixin.js"></script><script src="../../../app.js"></script><script src="../../../global/script/libx/center-common.js"></script><script src="./vueT.js"></script><script src="./frm.js"></script></html>